<script setup>
import FeedRateDownloadBtn from '~/contentScripts/views/tao/detail/components/feedRateDownloadBtn.vue'
import MobileDownloadBtn from '~/contentScripts/views/tao/detail/components/mobileDownloadBtn.vue'
import PcDownloadBtn from '~/contentScripts/views/tao/detail/components/pcDownloadBtn.vue'
import commodityData from './commodityData/index.vue'
import skuPreview from './analysis/skuPreview.vue'
const emit = defineEmits(['login'])
</script>

<template>
  <a-col>
    <a-row type="flex" :gutter="10">
      <a-col>
        <a-popover>
          <template #content>
            <div style="color: #666;font-size: 14px;">
              1. 星察数据文件与数据下载均为免费功能；<br>
              2. 星察数据提供文件与数据下载服务均用于运营学习与参考；<br>
              3. 严禁将下载的文件与数据私自商用并造成侵权后果。
            </div>
          </template>
          <a-badge dot>
            <div class="bold inner-box" style="background: #1890ff;color: #fff;font-size: 12px;">
              信息下载
            </div>
          </a-badge>
        </a-popover>
      </a-col>
      <a-col>
        <PcDownloadBtn @login="emit('login')"/>
      </a-col>
      <a-col>
        <MobileDownloadBtn @login="emit('login')"/>
      </a-col>
      <a-col>
        <FeedRateDownloadBtn @login="emit('login')"/>
      </a-col>
      <a-col>
        <skuPreview @login="emit('login')" />
      </a-col>
      <a-col>
        <commodityData @login="emit('login')" />
      </a-col>
    </a-row>
  </a-col>

</template>

<style scoped>

</style>
